<template>
  <div>
    <el-form ref="dyqrform" :model="dyqrform" :rules="rules" size="medium" label-width="160px">
      <el-form-item label="抵押权人名称" prop="frmc">
        <el-input v-model="dyqrform.frmc" placeholder="请输入抵押权人名称" clearable :style="{width: '100%'}">
        </el-input>
      </el-form-item>
      <el-form-item label="抵押权人电话" prop="frdh">
        <el-input v-model="dyqrform.frdh" placeholder="请输入抵押权人电话" clearable :style="{width: '100%'}">
        </el-input>
      </el-form-item>
      <el-form-item label="抵押权人证件类型" prop="frzjlx">
        <kt-select
          v-model="dyqrform.frzjlx"
          :options="zjlxOptions"
          placeholder="请选择抵押权人证件类型"
          @change="frzjlxChange">
        </kt-select>
      </el-form-item>
      <el-form-item label="法人证件号" prop="frzjh">
        <el-input v-model="dyqrform.frzjh" placeholder="请输入法人证件号" clearable :style="{width: '100%'}">
        </el-input>
      </el-form-item>
      <el-form-item label="代理人名称" prop="dlrmc">
        <el-input v-model="dyqrform.dlrmc" placeholder="请输入代理人名称" clearable :style="{width: '100%'}">
        </el-input>
      </el-form-item>
      <el-form-item label="代理人电话" prop="dlrdh">
        <el-input v-model="dyqrform.dlrdh" placeholder="请输入代理人电话" clearable :style="{width: '100%'}">
        </el-input>
      </el-form-item>
      <el-form-item label="代理人证件类型" prop="dlrzjzl">
        <kt-select
          v-model="dyqrform.dlrzjzl"
          :options="zjlxOptions"
          placeholder="请选择代理人证件类型"
          @change="dlrzjlxChange">
        </kt-select>
      </el-form-item>
      <el-form-item label="代理人证件号" prop="dlrzjh">
        <el-input v-model="dyqrform.dlrzjh" placeholder="请输入代理人证件号" clearable :style="{width: '100%'}">
        </el-input>
      </el-form-item>
      <el-form-item label="权利人类型" prop="qlrlx">
        <kt-select
          v-model="dyqrform.qlrlx"
          :options="qlrlxOptions"
          placeholder="请选择权利人类型"
          @change="qlrlxChange">
        </kt-select>
      </el-form-item>
      <el-form-item label="权利人电话" prop="qlrdh">
        <el-input v-model="dyqrform.qlrdh" placeholder="请输入权利人电话" clearable :style="{width: '100%'}">
        </el-input>
      </el-form-item>
      <el-form-item label="权利人证件类型" prop="qlrzjlx">
        <kt-select
          v-model="dyqrform.qlrzjlx"
          :options="zjlxOptions"
          placeholder="请选择权利人证件类型"
          @change="qlrzjlxChange">
        </kt-select>
      </el-form-item>
      <el-form-item label="权利人证件号" prop="zjh">
        <el-input v-model="dyqrform.zjh" placeholder="请输入权利人证件号" clearable :style="{width: '100%'}">
        </el-input>
      </el-form-item>
      <el-form-item label="通讯地址" prop="txdz">
        <el-input v-model="dyqrform.txdz" type="textarea" placeholder="请输入通讯地址"
          :autosize="{minRows: 1, maxRows: 2}" :style="{width: '100%'}"></el-input>
      </el-form-item>
    </el-form>
  </div>
</template>
<script>
	import KtSelect from "@/components/KtSelect/KtSelect";


export default {
  name: "dyqrxx",
  components: {
    KtSelect
  },
  props: [],
  data() {
    return {
      dyqrform: {
        frmc: '',
        frdh: '',
        frzjlx: '',
        frzjh: '',
        dlrmc: '',
        dlrdh: '',
        dlrzjzl: '',
        dlrzjh: '',
        qlrlx: '',
        qlrdh: '',
        qlrzjlx: '',
        zjh: '',
        txdz: '',
      },
      rules: {
        frmc: [{
          required: true,
          message: '请输入抵押权人名称',
          trigger: 'blur'
        }],
        frdh: [{
          required: true,
          message: '请输入抵押权人电话',
          trigger: 'blur'
        }],
        frzjlx: [{
          required: true,
          message: '请选择抵押权人证件类型',
          trigger: 'change'
        }],
        frzjh: [{
          required: true,
          message: '请输入法人证件号',
          trigger: 'blur'
        }],
        dlrmc: [{
          required: true,
          message: '请输入代理人名称',
          trigger: 'blur'
        }],
        dlrdh: [{
          required: true,
          message: '请输入代理人电话',
          trigger: 'blur'
        }],
        dlrzjzl: [{
          required: true,
          message: '请选择代理人证件类型',
          trigger: 'blur'
        }],
        dlrzjh: [{
          required: true,
          message: '请输入代理人证件号',
          trigger: 'blur'
        }],
        qlrlx: [{
          required: true,
          message: '请选择权利人类型',
          trigger: 'change'
        }],
        qlrdh: [{
          required: true,
          message: '请输入权利人电话',
          trigger: 'blur'
        }],
        qlrzjlx: [{
          required: true,
          message: '请选择权利人证件类型',
          trigger: 'blur'
        }],
        zjh: [{
          required: true,
          message: '请输入权利人证件号',
          trigger: 'blur'
        }],
        txdz: [{
          required: true,
          message: '请输入通讯地址',
          trigger: 'blur'
        }],
      },
      
      zjlxOptions: "",
      qlrlxOptions: "",
    }
  },
  computed: {},
  watch: {},
  created() {
  },
  mounted() {},
  methods: {
    
    frzjlxChange(val, valObj) {
      this.dyqrform.frzjlx = val;
    },
    dlrzjlxChange(val, valObj) {
      this.dyqrform.dlrzjzl = val;
    },
    qlrlxChange(val, valObj) {
      this.dyqrform.qlrlx = val;
    },
    qlrzjlxChange(val, valObj) {
      this.dyqrform.qlrzjlx = val;
    },

  }
}

</script>
<style>
</style>
